<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../include/admincontent.jsp" %>
<style>
    .inputform tbody .radio1 span {
        width: 120px !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .inputform tbody .radio1 span input[type=checkbox] {
        display: none;
    }
</style>
<div id="Content">
    <form id="Validform" name="Validform" method="post" action="/SysAdmin/RoleRightAction">
        <input type="hidden" name="id" value="${role.id}" datatype="*" nullmsg="非法访问！"/>
        <div class="toolbars">
            <a id="save">
                <em class="ico16 save_traft_16"></em>
                <span class="menu_span" title="保存">保存</span>
            </a>
        </div>
        <div class="btnbar">
            <%-- <button type="submit" class="save">保 存</button>--%>
            <div class="infotitle">角色名称：${role.rname}</div>
        </div>
        <table class="treeTable inputform">
            <tbody>${result}</tbody>
        </table>
    </form>
    <div id='mids'>${mids}</div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#save").click(function () {
            //$("Validform").submit();
            // document.Validform.submit();
            var data = $(document.Validform).serialize()
            $.ajax({
                url: "/SysAdmin/RoleRightAction",
                type: 'POST',
                data: data,
                success: function (data) {
                    layer.msg(data.Message, {icon: 1, time: 2000}, ()=>{
                        parent.location.reload();
                    });
                    // parent.location.reload();
                },
                error: function (data) {
                    layer.msg(data.Message, {icon: 2, time: 2000});
                }
            });
        });
        //初始化权限列表
        $('#mids input').each(function () {
            var id = $(this).val();
            $('span').each(function () {
                if ($(this).find('input[type=checkbox]').val() == id) {
                    $(this).addClass('checked');
                    $(this).find('input[type=checkbox]').prop('checked', true);
                }
            });
        });

        //选择权限
        $(document).delegate('.inputform tbody div.radio1 span', 'click', function () {
            var obj = $(this);
            var rel = obj.attr('rel');
            if (rel.indexOf('pub_') != -1) {
                if (obj.hasClass('checked')) {
                    obj.removeClass('checked');
                    obj.find('input[type=checkbox]').prop('checked', false);

                    $('span').each(function () {
                        if ($(this).attr('rel') == rel.replace('p', 's')) {
                            $(this).removeClass('checked');
                            $(this).find('input[type=checkbox]').prop('checked', false);
                        }
                    });
                } else {

                    obj.addClass('checked');
                    obj.find('input[type=checkbox]').prop('checked', true);

                    $('span').each(function () {
                        if ($(this).attr('rel') == rel.replace('p', 's')) {
                            $(this).addClass('checked');
                            $(this).find('input[type=checkbox]').prop('checked', true);
                        }
                    });
                }
            } else {
                if (obj.hasClass('checked')) {
                    obj.removeClass('checked');
                    obj.find('input[type=checkbox]').prop('checked', false);

                    var flag = true;

                    $('span').each(function () {
                        if ($(this).attr('rel') == rel) {
                            if ($(this).hasClass('checked')) {
                                flag = false;
                            }
                        }
                    });

                    if (flag) {
                        $('span').each(function () {
                            if ($(this).attr('rel') == rel.replace('s', 'p')) {
                                $(this).removeClass('checked');
                                $(this).find('input[type=checkbox]').prop('checked', false);
                            }
                        });
                    }
                } else {

                    obj.addClass('checked');
                    obj.find('input[type=checkbox]').prop('checked', true);

                    $('span').each(function () {
                        if ($(this).attr('rel') == rel.replace('s', 'p')) {
                            $(this).addClass('checked');
                            $(this).find('input[type=checkbox]').prop('checked', true);
                        }
                    });
                }
            }
        });
    });
</script>
</body>
</html>